<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link href="assets/css/bootstrap.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="css/style.css"/>
    <link rel="stylesheet" href="assets/css/ace.min.css"/>
    <link rel="stylesheet" href="assets/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="Widget/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css">
    <link href="Widget/icheck/icheck.css" rel="stylesheet" type="text/css"/>
    <!--[if IE 7]>
    <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css"/>
    <![endif]-->
    <!--[if lte IE 8]>
    <link rel="stylesheet" href="assets/css/ace-ie.min.css"/>
    <![endif]-->
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/typeahead-bs2.min.js"></script>
    <!-- page specific plugin scripts -->
    <script src="assets/js/jquery.dataTables.min.js"></script>
    <script src="assets/js/jquery.dataTables.bootstrap.js"></script>
    <script type="text/javascript" src="js/H-ui.js"></script>
    <script type="text/javascript" src="js/H-ui.admin.js"></script>
    <script src="assets/layer/layer.js" type="text/javascript"></script>
    <script src="assets/laydate/laydate.js" type="text/javascript"></script>
    <script type="text/javascript" src="Widget/zTree/js/jquery.ztree.all-3.5.min.js"></script>
    <script src="js/lrtk.js" type="text/javascript"></script>
    <style>
        #sample-table_filter {
            display: none !important;
        }
        .layui-layer-btn .layui-layer-btn0{
            border-color: #dedede;
            background-color: #f1f1f1;
            color: #000;
            opacity: .9;
            text-decoration: none;
        }
    </style>
    <title>库存盘点</title>
</head>
<body>
<div class=" page-content clearfix">
    <div id="products_style">
        <div class="search_style">

            <ul class="search_content clearfix">
                <li><label class="l_f">仓库名称</label>
                    <select name="select_name" style="margin-left:10px;width:150px;">
                        <option>请选择仓库名称</option>
                        <option>宿迁仓</option>
                        <option>和田仓</option>
                    </select>
                </li>
                <li><label class="l_f">货物名称</label><input name="" type="text" class="text_add" placeholder="输入货物名称"
                                                          style=" width:150px"/></li>
                <li style="width:90px;">
                    <button type="button" class="btn_search"><i class="icon-search"></i>查询</button>
                </li>
            </ul>
        </div>
        <!--产品列表展示-->
        <!--<div class="border clearfix"><span class="l_f"> <a href="inventory_adjustment.html" class="btn btn-info"><i-->
                <!--class="icon-edit"></i>批量调整</a> </span></div>-->
        <div class="h_products_list clearfix" id="products_list">
            <div id="scrollsidebar" class="left_Treeview">
                <div class="show_btn" id="rightArrow"><span></span></div>
                <div class="widget-box side_content">
                    <div class="side_title"><a title="隐藏" class="close_btn"><span></span></a></div>
                    <div class="side_list">
                        <div class="widget-header header-color-green2"><h4 class="lighter smaller">现有货物列表</h4></div>
                        <div class="widget-body">
                            <div class="widget-main padding-8">
                                <div id="treeDemo" class="ztree"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="table_menu_list" id="testIframe">
                <div class="border clearfix" style="margin-top:20px;width: 100%"><span class="l_f"> <a href="inventory_adjustment.html" class="btn btn-info"><i
                        class="icon-edit"></i>批量调整</a> </span></div>
                <table class="table table-striped table-bordered table-hover" id="sample-table">
                    <thead>
                    <tr>
                        <!--<th width="25"><label><input type="checkbox" class="ace"><span class="lbl"></span></label></th>-->

                        <th  width="80px">序号</th>
                        <th width="100px">仓库名称</th>
                        <th width="80px">产品编号</th>
                        <th width="100">产品名</th>
                        <th width="100">型号</th>
                        <th width="80px">仓库数量/单位</th>
                        <th width="80px">实际数量/单位</th>
                        <th width="100px">状态</th>
                        <th width="80px">盘点人</th>
                        <th width="100px">入库时间</th>
                        <th width="100px">盘点时间</th>
                        <th width="100">备注</th>
                        <th width="150px">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>1</td>
                        <td>宿迁仓</td>
                        <td>XDF15454525</td>
                        <td>旭派电池</td>
                        <td>64ma</td>
                        <td>3000/个</td>
                        <td id="">0/个</td>
                        <td><font color="#FF0000">未盘点</font></td>
                        <td>无</td>
                        <td>2015-12-05</td>
                        <td>无</td>
                        <td class="td-status">正阳门下的时光我们难以忘怀，........</td>
                        <td><a style="text-decoration:none" class="btn btn-xs btn-success disabled" onClick="member_start(this,id)"
                               href="javascript:;" title="详情"><i class="icon-list bigger-120"></i></a> <a title="调整"
                                                                                                        href="inventory_adjustment_one.html"
                                                                                                        class="btn btn-xs btn-info"><i
                                class="icon-edit bigger-120"></i></a></td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>宿迁仓</td>
                        <td>XDF15454525</td>
                        <td>旭派电池</td>
                        <td>64ma</td>
                        <td>3000/个</td>
                        <td id="bb">1000/个</td>
                        <td id="pp"><font color="#66CC66">已盘点</font></td>
                        <td>张大</td>
                        <td>2015-12-05</td>
                        <td>2016-12-05</td>
                        <td class="td-status">正阳门下的时光我们难以忘怀，........</td>
                        <td><a style="text-decoration:none" class="btn btn-xs btn-success xiag_q" onClick="member_start(this,id)"
                               href="javascript:;" title="详情"><i class="icon-list bigger-120"></i></a> <a title="调整"
                                                                                                        href="inventory_adjustment_one.html"
                                                                                                        class="btn btn-xs btn-info"><i
                                class="icon-edit bigger-120"></i></a></td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td>宿迁仓</td>
                        <td>XDF15454525</td>
                        <td>旭派电池</td>
                        <td>64ma</td>
                        <td>3000/个</td>
                        <td>0/个</td>
                        <td id="pp"><font color="#FF0000">未盘点</font></td>
                        <td>无</td>
                        <td>2015-12-05</td>
                        <td>无</td>
                        <td class="td-status">正阳门下的时光我们难以忘怀，........</td>
                        <td><a style="text-decoration:none" class="btn btn-xs btn-success disabled" onClick="member_start(this,id)"
                               href="javascript:;" title="详情"><i class="icon-list bigger-120"></i></a> <a title="调整"
                                                                                                        href="inventory_adjustment_one.html"
                                                                                                        class="btn btn-xs btn-info"><i
                                class="icon-edit bigger-120"></i></a></td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="add_menber" id="add_menber_style" style="display:none;">

        <table class="table table-striped table-bordered table-hover" style="margin-left:10px;width:780px;" >
            <thead>
            <tr>
                <th width="80px">序号</th>
                <th width="100px">盘点时间</th>
                <th width="80px">盘点人</th>
                <th width="100px">仓库名称</th>
                <th width="80px">产品编号</th>
                <th width="100">产品名</th>
                <th width="100">型号</th>
                <th width="80px">仓库数量/单位</th>
                <th width="80px">实际数量/单位</th>
                <th width="100">备注</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>1</td>
                <td>2016-12-05</td>
                <td>张大</td>
                <td>宿迁仓</td>
                <td>XDF15454525</td>
                <td>旭派电池</td>
                <td>64ma</td>
                <td>3000/个</td>
                <td id="bb">1000/个</td>
                <td class="td-status">正阳门下的时光我们难以忘怀，........</td>
            </tr>
            <tr>
                <td>2</td>
                <td>2016-06-05</td>
                <td>张三</td>
                <td>宿迁仓</td>
                <td>XDF15454525</td>
                <td>旭派电池</td>
                <td>64ma</td>
                <td>3000/个</td>
                <td id="bb">2000/个</td>
                <td class="td-status">正阳门下的时光我们难以忘怀，........</td>
            </tr>
            </tbody>
        </table>
    </div>
</div>
</body>
</html>
<script>
    jQuery(function ($) {
        var oTable1 = $('#sample-table').dataTable({
//            "aaSorting": [[1, "desc"]],//默认第几个排序
            "bStateSave": false,//状态保存
            "aoColumnDefs": [
                //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
                {"orderable": false, "aTargets": [1, 2, 3,4, 5, 6, 8, 9,10,11,12]}// 制定列不参与排序
            ]
        });
        $('.xiag_q').on('click', function(){
            layer.open({
                type: 1,
                title: '盘点详情',
                shadeClose: true, //点击遮罩关闭层
                area : ['800px' , ''],
                content:$('#add_menber_style'),
                btn:['返回'],
                yes:function(index,layero){
                    var num=0;
                    var str="";
                    $(".add_menber input[type$='text']").each(function(n){
                        if($(this).val()=="")
                        {
                            layer.alert(str+=""+$(this).attr("name")+"不能为空！\r\n",{
                                title: '提示框',
                                icon:0,
                            });
                            num++;
                            return false;
                        }
                    });
                    if(num>0){  return false;}
                    else{
                        layer.close(index);
                    }
                }
            });
        });

        $('table th input:checkbox').on('click', function () {
            var that = this;
            $(this).closest('table').find('tr > td:first-child input:checkbox')
                    .each(function () {
                        this.checked = that.checked;
                        $(this).closest('tr').toggleClass('selected');
                    });

        });


        $('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
        function tooltip_placement(context, source) {
            var $source = $(source);
            var $parent = $source.closest('table')
            var off1 = $parent.offset();
            var w1 = $parent.width();

            var off2 = $source.offset();
            var w2 = $source.width();

            if (parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2)) return 'right';
            return 'left';
        }
    });
    $(function () {
        $("#products_style").fix({
            float: 'left',
            //minStatue : true,
            skin: 'green',
            durationTime: false,
            spacingw: 30,//设置隐藏时的距离
            spacingh: 260,//设置显示时间距
        });
    });
    //初始化宽度、高度
    $(".widget-box").height($(window).height() - 215);
    $(".table_menu_list").width($(window).width() - 260);
    $(".table_menu_list").height($(window).height() - 215);
    //当文档窗口发生改变时 触发
    $(window).resize(function () {
        $(".widget-box").height($(window).height() - 215);
        $(".table_menu_list").width($(window).width() - 260);
        $(".table_menu_list").height($(window).height() - 215);
    })

    /*******树状图*******/
    var setting = {
        view: {
            dblClickExpand: false,
            showLine: false,
            selectedMulti: false
        },
        data: {
            simpleData: {
                enable: true,
                idKey: "id",
                pIdKey: "pId",
                rootPId: ""
            }
        },
        callback: {
            beforeClick: function (treeId, treeNode) {
                var zTree = $.fn.zTree.getZTreeObj("tree");
                if (treeNode.isParent) {
                    zTree.expandNode(treeNode);
                    return false;
                } else {
                    demoIframe.attr("src", treeNode.file + ".html");
                    return true;
                }
            }
        }
    };

    var zNodes =[
	{ id:1, pId:0, name:"121-宿迁仓", open:true},
	{ id:11, pId:1, name:"A-成品区"},
	{ id:111, pId:11, name:"14524"},
	{ id:112, pId:11, name:"12451"},
	{ id:113, pId:11, name:"12414"},
	{ id:114, pId:11, name:"12415"},
	{ id:115, pId:11, name:"12456"},
	{ id:116, pId:11, name:"14354"},
	{ id:117, pId:11, name:"12452"},
	{ id:118, pId:11, name:"12412"},
	{ id:119, pId:11, name:"14241"},
	{ id:12, pId:1, name:"B-隔离区"},
	{ id:121, pId:12, name:"12414"},
	{ id:122, pId:12, name:"12415"},
	{ id:123, pId:12, name:"12415"},
	{ id:13, pId:1, name:"C-收货区"},
	{ id:131, pId:13, name:"12415"},
	{ id:132, pId:13, name:"12014"},
	{ id:133, pId:13, name:"12014"},
	{ id:134, pId:13, name:"12015"},
	{ id:14, pId:1, name:"C-收货区"},
	{ id:141, pId:14, name:"12415"},
	{ id:142, pId:14, name:"12014"},
	{ id:143, pId:14, name:"12014"},
	{ id:144, pId:14, name:"12015"},
	{ id:2, pId:0, name:"122-和田仓"},
	{ id:21, pId:2, name:"A-成品区"},
	{ id:211, pId:21, name:"12025 "},
	{ id:212, pId:21, name:"12025 "},
	{ id:213, pId:21, name:"12035 "},
	{ id:3, pId:0, name:"123-长兴仓"},
	{ id:31, pId:3, name:"A-成品区"},
	{ id:311, pId:31, name:"12056 "},
	{ id:312, pId:31, name:"12045 "},
	
	];

    var code;

    function showCode(str) {
        if (!code) code = $("#code");
        code.empty();
        code.append("<li>" + str + "</li>");
    }

    $(document).ready(function () {
        var t = $("#treeDemo");
        t = $.fn.zTree.init(t, setting, zNodes);
        demoIframe = $("#testIframe");
        demoIframe.bind("load", loadReady);
        var zTree = $.fn.zTree.getZTreeObj("tree");
        zTree.selectNode(zTree.getNodeByParam("id", '11'));
    });

    /*库存-编辑*/
    function member_show(title, url, id, w, h) {
        layer_show(title, url, w, h);
    }

    /*库存-删除*/
    function member_del(obj, id) {
        layer.confirm('确认要删除吗？', function (index) {
            $(obj).parents("tr").remove();
            layer.msg('已删除!', {icon: 1, time: 1000});
        });
    }
    //面包屑返回值
    var index = parent.layer.getFrameIndex(window.name);
    parent.layer.iframeAuto(index);
    $('.Order_form').on('click', function () {
        var cname = $(this).attr("title");
        var chref = $(this).attr("href");
        var cnames = parent.$('.Current_page').html();
        var herf = parent.$("#iframe").attr("src");
        parent.$('#parentIframe').html(cname);
        parent.$('#iframe').attr("src", chref).ready();
        ;
        parent.$('#parentIframe').css("display", "inline-block");
        parent.$('.Current_page').attr({"name": herf, "href": "javascript:void(0)"}).css({
            "color": "#4c8fbd",
            "cursor": "pointer"
        });
        //parent.$('.Current_page').html("<a href='javascript:void(0)' name="+herf+" class='iframeurl'>" + cnames + "</a>");
        parent.layer.close(index);

    });
</script>
